<template>
	<view class="warps align-center  rowsc ">
		<view class="margin-xl padding bg-white radius " style="width: 80%;">
			<view class="text-center rowsc align-center " style="height: 150rpx;">
				<view class="text-bold title">
					{{title}}
				</view>
			</view>
			<view class="flex align-center rowsa solid-top">
				<view class="title_left solid-right" @click="cancel()">
					取消
				</view>
				<view class="title_right" @click="submit()">去认证</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			title: String,
			content: String
		},
		methods: {
			//取消
			cancel() {
				this.$emit('cancel', 'true')
			},


			//确定
			submit() {
				this.$emit('submit', 'true')
			}
		}
	}
</script>

<style scoped>
	.warps {
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		background: rgba(0, 0, 0, 0.4);
		z-index: 9999;
		transition: all 1s linear;
	}

	.title {
		font-size: 38rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: #43D1BE;
		opacity: 1;
	}

	.title_right {
		font-size: 30rpx;
		font-family: PingFang SC;
		font-weight: 400;
		line-height: 40px;
		color: #43D1BE;
		opacity: 1;
	}

	.title_left {
		font-size: 30rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: #333333;
		opacity: 1;
	}
</style>
